<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="myJS.js"></script>

</head>
<body>
<br/><br/><br/><br/><br/>

<div class="container">
    <div class="row clearfix">
        <div class="col-md-12 column">
            <h1 class="text-center" style="color: cornflowerblue">
                欢迎进入图书管理系统
            </h1>
        </div>
    </div>
    <br/><br/>
    <div class="row clearfix">
        <div class="col-md-12 column">
            <h3 class="text-center" >
                管理员登录
            </h3>
        </div>
    </div>
    <br/><br/>
    <div class="row clearfix">
        <div class="col-md-7 column">
            <img height="100%" width="100%" th:src="@{${bgimg}}" />
        </div>
        <div class="col-md-5 column">
            <form role="form" action="/bookmanager/login" method="post" th:href="@{/bookmanager/login}">
                <div class="form-group" >
                    <label for="username">用户名</label><input type="text" name="username"  class="form-control" id="username" />
                    <br/>
                    <label for="password">密码</label><input type="password" name = "password" class="form-control" id="password" />
                    <br/><br/>
                    <div><input type="submit" value="登录" id="loginbutton" class="btn btn-primary btn-lg btn-block"></div>
                    <br/>
                </div>
            </form>
        </div>
    </div>
</div>
</body>
</html>